<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>红包</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link href="css/hongbao.css" tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/bag/css/style.css"
          rel="stylesheet" type="text/css"/>
</head>
<body>

<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed b-line">
        <a href="javascript:;" onclick="javascript:history.back(-1);" class="aui-navBar-item">
            <i class="icon icon-return"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title">红包</span>
        </div>
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-sys"></i>红包明细
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="aui-envelopes-box">
            <a href="javascript:;" class="aui-evn-box">
                <div class="aui-evn-head"></div>
                <div class="aui-evn-head-item">
                    <div class="aui-flex aui-flex-text">
                        <div class="aui-flex-rate">
                            <h2><em>￥</em>300<em>.00</em></h2>
                        </div>
                        <div class="aui-flex-box">
                            <h3>长假特惠红包</h3>
                            <p>抵扣房费7%最高抵抵扣200</p>
                        </div>
                    </div>
                    <div class="aui-flex aui-flex-top">
                        <div class="aui-flex-box">
                            <p>有效期2018-09-22至2018-09-30</p>
                        </div>
                        <div class="aui-flex-arrow">使用规则</div>
                    </div>
                </div>
            </a>
            <a href="javascript:;" class="aui-evn-box">
                <div class="aui-evn-head"></div>
                <div class="aui-evn-head-item">
                    <div class="aui-flex aui-flex-text">
                        <div class="aui-flex-rate">
                            <h2><em>￥</em>300<em>.00</em></h2>
                        </div>
                        <div class="aui-flex-box">
                            <h3>新手专属红包</h3>
                            <p>抵扣房费7%最高抵抵扣200</p>
                        </div>
                    </div>
                    <div class="aui-flex aui-flex-top">
                        <div class="aui-flex-box">
                            <p>有效期2018-09-22至2018-09-30</p>
                        </div>
                        <div class="aui-flex-arrow">使用规则</div>
                    </div>
                </div>
            </a>
        </div>
    </section>
    <footer class="aui-footer">
        <a href="javascript:;" class="aui-tabBar-item ">
            兑换红包
        </a>
    </footer>
</section>

</body>
</html>
